<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
		<title>教务管理</title>

		<!-- 引入样式文件 -->
		<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@4/lib/index.css" /> -->
		<link rel="stylesheet" href="/wechat/css/vantIndex.css">
		<!-- 自定义样式 -->
		<style>
			body {
				background-color: #f3f3f3;
				overflow: hidden;
				font-size: 10px;
			}

			#app {}

			.content-div {
				background-color: #fff;
				margin: 1rem;
				border-radius: 20px;
				box-shadow: 0 5px #e6e6e6;
				
				
				.van-badge__wrapper {
					width: 100%;
					text-align: center;
				
					.child {
						border-radius: 30px;
					}
				
					.van-cell {
						border-radius: 30px;
					}
				}
			}

			.filter-div {
				text-align: center;
				display: flex;
				justify-content: center;
				padding: 1.4rem 1.2rem;
			}

			.educational-head {
				width: 200px;
			}

			.content-box {
				display: block;
				overflow: auto;
				height: 40rem;
			}

			.title {
				color: #45a9ff;
				font-size: 1rem;
				margin-bottom: 10px;

			}


			.van-badge {
				width: 1.4rem;
				height: 1.4rem;
				line-height: 1.4rem;
			}





			.course-registration {
				min-height: 100vh;
				background-color: #f7f8fa;
				padding-bottom: calc(50px + env(safe-area-inset-bottom));
				font-size: 14px;
			}

			/* 主题色变量 */
			:root {
				--primary-gradient: linear-gradient(to right, #4481eb, #04befe);
				--warning-gradient: linear-gradient(to right, #f6d365, #fda085);
				--danger-gradient: linear-gradient(to right, #ff6b6b, #ff8e8e);
				--primary-color: #4481eb;
				--warning-color: #f6d365;
			}

			/* 渐变按钮 */
			.gradient-btn {
				background-image: var(--primary-gradient) !important;
				border: none !important;
				transition: opacity 0.3s ease !important;
			}

			.gradient-btn:active {
				opacity: 0.9 !important;
			}

			/* 图标颜色 */
			.text-primary {
				color: var(--primary-color);
			}

			/* 标题栏图标 */
			.custom-title {
				padding: 10px 16px;
				background-color: #fff;
				display: flex;
				align-items: center;
			}

			.custom-title .van-icon {
				font-size: 1.2em;
			}

			/* 卡片内图标 */
			:deep(.van-card__desc) .van-icon {
				color: var(--primary-color);
			}

			/* 渐变标签 */
			:deep(.van-tag--warning) {
				background-image: var(--warning-gradient) !important;
				border: none;
			}

			/* 删除按钮渐变 */
			:deep(.van-button--danger) {
				background-image: var(--danger-gradient) !important;
				border: none;
			}

			/* 适配不同设备的字体大小 */
			@media screen and (min-width: 375px) {
				.course-registration {
					font-size: 16px;
				}
			}

			@media screen and (min-width: 414px) {
				.course-registration {
					font-size: 17px;
				}
			}

			/* iPhone X 及以上机型底部安全区域适配 */
			@supports (padding-bottom: env(safe-area-inset-bottom)) {
				.submit-btn {
					padding-bottom: calc(16px + env(safe-area-inset-bottom));
				}

				.van-tabbar {
					padding-bottom: env(safe-area-inset-bottom);
				}
			}

			.course-list {
				background-color: #fff;
				padding: 8px;
				overflow-y: auto;
				height: 64em;
			}

			/* 响应式卡片布局 */
			:deep(.van-card) {
				background-color: #f7f8fa;
				font-size: 1em;
			}

			:deep(.van-card__title) {
				font-size: 1.1em;
			}

			:deep(.van-card__desc) {
				font-size: 0.9em;
			}

			:deep(.van-cell-group--inset) {
				margin: 12px;
				border-radius: 8px;
				overflow: hidden;
			}

			/* 适配折叠屏和大屏设备 */
			@media screen and (min-width: 768px) {
				:deep(.van-cell-group--inset) {
					max-width: 600px;
					margin: 12px auto;
				}

				.submit-btn {
					max-width: 600px;
					left: 50%;
					transform: translateX(-50%);
				}
			}

			/* 暗黑模式支持 */
			@media (prefers-color-scheme: dark) {
				.course-registration {
					background-color: #1c1c1e;
				}

				.custom-title,
				.course-list {
					background-color: #2c2c2e;
				}

				:deep(.van-card) {
					background-color: #2c2c2e;
				}

				:deep(.van-cell) {
					background-color: #2c2c2e;
				}
			}

			/* 横屏模式优化 */
			@media screen and (orientation: landscape) {
				.course-registration {
					display: flex;
					flex-direction: column;
				}

				.submit-btn {
					position: static;
					margin: 16px;
				}

				:deep(.van-tabbar) {
					position: static;
				}
			}

			/* 可访问性优化 */
			:deep(.van-button) {
				min-height: 44px;
			}

			:deep(.van-field__control) {
				min-height: 20px;
			}

			/* 触摸区域优化 */
			:deep(.van-stepper__minus),
			:deep(.van-stepper__plus) {
				min-width: 28px;
				min-height: 28px;
			}

			.submit-btn {
				position: fixed;
				bottom: 0;
				left: 0;
				right: 0;
				padding: 16px;
				background-color: #fff;
				z-index: 100;
			}

			/* 动画效果 */
			.course-list .van-card {
				transition: transform 0.2s ease;
			}

			.course-list .van-card:active {
				transform: scale(0.98);
			}

			/* 加载动画 */
			@keyframes shimmer {
				0% {
					background-position: -200% 0;
				}

				100% {
					background-position: 200% 0;
				}
			}

			.loading {
				background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
				background-size: 200% 100%;
				animation: shimmer 1.5s infinite;
			}

			/* 添加图标动画效果 */
			.van-icon {
				transition: transform 0.3s ease;
			}

			.van-icon:hover {
				transform: scale(1.1);
			}

			/* 输入框图标样式 */
			:deep(.van-field__left-icon) {
				color: var(--primary-color);
			}

			/* 导航栏渐变背景 */
			:deep(.van-nav-bar) {
				background-image: var(--primary-gradient);
			}

			:deep(.van-nav-bar .van-icon),
			:deep(.van-nav-bar__title) {
				color: #fff !important;
			}

			/* 底部标签栏激活颜色 */
			:deep(.van-tabbar-item--active) {
				color: var(--primary-color) !important;
			}

			/* 步进器按钮样式 */
			:deep(.van-stepper__minus),
			:deep(.van-stepper__plus) {
				background-color: var(--primary-color) !important;
				color: #fff !important;
			}

			/* 添加阴影效果 */
			.van-cell-group--inset {
				box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
			}

			.text-red-500 {
				b {
					color: red;
					font-size: 1.5em;
				}
			}

			.font-18 {
				font-size: 1.2em;
				font-weight: bold;
				margin-bottom: 0.2em;
				display: block;
			}

			.mt-2 {
				.text-gray-600 {
					margin: 0.1em 0;
				}

				.text-sm {
					b {
						color: #1591ff;
						font-weight: normal;
					}
				}
			}

			.price-div {
				font-size: 1em;

				b {
					color: red;
					font-size: 1.3em;
				}
			}

			/* 			:deep(.van-card__price) {
							color: #ff6b6b;
						} */




			/* 弹出层样式 */
			.course-popup {
				padding: 16px;
				height: 100%;
				background-color: #fff;
				display: flex;
				flex-direction: column;
			}

			.popup-header {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-bottom: 16px;
				/* border-bottom: 2px solid #ffd60a; */
				margin-bottom: 16px;
				width: 100%;

				.th {
					font-size: 14px;
				}
			}

			.popup-title {
				font-size: 18px;
				font-weight: bold;
				position: relative;
				padding-bottom: 4px;
			}

			.popup-title::after {
				content: '';
				position: absolute;
				bottom: -16px;
				left: 0;
				width: 100%;
				height: 2px;
				background-color: #ffd60a;
			}

			.course-table {
				/* flex: 1; */
				/* overflow-y: auto; */

				/* 						  display: grid;
						  grid-template-columns: 1fr 1fr 1fr 1fr; */
			}

			.table-header {
				flex: 1;
				/* overflow-y: auto; */

				display: grid;
				grid-template-columns: 1fr 1fr 1.5fr 2.3fr;

				/* background-color: #ffd60a; */
				color: #333;
				font-weight: bold;
				padding: 12px 16px;

				.th {
					font-size: 14px;
				}
			}

			.table-header2 {
				flex: 1;
				/* overflow-y: auto; */

				display: grid;
				grid-template-columns: 1fr 1fr 1fr;

				/* background-color: #ffd60a; */
				color: #333;
				font-weight: bold;
				padding: 12px 16px;

				.th {
					font-size: 14px;
				}
			}


			.table-body2 {
				padding: 0 16px;
				display: grid;
				grid-template-columns: 1fr 1fr 1fr;

				.td {
					font-size: 12px;

					span {
						margin-right: 4px;
					}

					.van-field {
						border: 1px solid #47a5fa;
						background: linear-gradient(180deg, #fff 25%, #e0e0e0 50%, #cde7fe 100%);
						width: 85%;
						/* color: #47a5fa; */
						border-radius: 8px;
						font-size: 12px;
						padding: 4px 8px;
						--van-field-input-text-color: #47a5fa;
						--van-field-right-icon-color: #47a5fa;
						/* --van-field-placeholder-text-color: #eeeeee; */
					}

					.van-dropdown-menu__bar {
						border: 1px solid #47a5fa;
						border-radius: 8px;
						margin-right: 20px;
						/* padding: 4px 8px; */
						background: linear-gradient(180deg, #fff 25%, #e0e0e0 50%, #cde7fe 100%);
						--van-dropdown-menu-title-text-color: #47a5fa;
						--van-dropdown-menu-title-padding: 0;
						--van-dropdown-menu-title-font-size: 12px;
					}

				}
			}

			.table-body {
				padding: 0 16px;
				display: grid;
				grid-template-columns: 1fr 1fr 1.5fr 2.3fr;

				.td {
					font-size: 12px;

					span {
						margin-right: 4px;
					}

					.van-field {
						border: 1px solid #47a5fa;
						background: linear-gradient(180deg, #fff 25%, #e0e0e0 50%, #cde7fe 100%);
						/* color: #47a5fa; */
						border-radius: 8px;
						font-size: 12px;
						padding: 4px 8px;
						--van-field-input-text-color: #47a5fa;
						--van-field-right-icon-color: #47a5fa;
						/* --van-field-placeholder-text-color: #eeeeee; */
					}

					.van-dropdown-menu__bar {
						border: 1px solid #47a5fa;
						border-radius: 8px;
						margin-right: 20px;
						/* padding: 4px 8px; */
						background: linear-gradient(180deg, #fff 25%, #e0e0e0 50%, #cde7fe 100%);
						--van-dropdown-menu-title-text-color: #47a5fa;
						--van-dropdown-menu-title-padding: 0;
						--van-dropdown-menu-title-font-size: 12px;
					}

				}
			}

			.table-row {
				/* 						  display: grid;
						  grid-template-columns: 1fr 1fr 1fr 1fr; */
				padding: 12px 0;
				border-bottom: 1px solid #eee;
			}

			.th,
			.td {
				/* display: flex; */
				align-items: center;
			}

			.flex {
				display: flex;
			}

			.course-name {
				display: flex;
				align-items: center;
				color: #1989fa;
			}

			.dot {
				width: 6px;
				height: 6px;
				background-color: #1989fa;
				border-radius: 50%;
				margin-right: 8px;
			}

			.price {
				color: #ff525d;
			}

			/* 修改原有的选择课程标题点击样式 */
			.custom-title {
				cursor: pointer;
			}

			:deep(.van-popup) {
				max-height: 80vh;
			}

			/* 适配暗黑模式 */
			@media (prefers-color-scheme: dark) {
				.course-popup {
					background-color: #1c1c1e;
				}

				.table-header {
					background-color: #2c2c2e;
					color: #fff;
				}

				.table-row {
					border-bottom-color: #2c2c2e;
				}
			}

			/* 点击效果 */
			.custom-title:active {
				opacity: 0.7;
			}


			.course-card {
				background: #fff;
				border-radius: 12px;
				margin: 12px;
				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
			}

			.van-row-div {
				padding: 20px;
			}
			.backtn-div {
				font-size: 1.4rem;
				padding: 0.4rem 0.6rem;
				background-color: #ffc526;
			}
		</style>
		<!-- 引入 Vue 和 Vant 的 JS 文件 -->
<!-- 		<script src="https://cdn.jsdelivr.net/npm/vue@3"></script>
		<script src="https://cdn.jsdelivr.net/npm/vant@4/lib/vant.min.js"></script> -->
		<script src="/wechat/js/vue@3.js"></script>
		<script src="/wechat/js/vant.min.js"></script>
		
		<script src="/scriptZIP/axios.min.js"></script>
		<script src="/scriptZIP/dayjs.min.js"></script>
		<!-- <script src="/js/common.js"></script> -->
	</head>

	<body style="font-size: 10px;">
		<div id="app">
			<div class="backtn-div">
				<van-icon name="arrow-left" @click="goBack" />
			</div>
			<div>
				<van-search v-model="searchValue" @blur="onSearch" shape="round"
					background="linear-gradient(to right, #ffc526, #ffa248)" placeholder="请输入学生姓名查询" />
			</div>



			<div class="course-list">
				<div v-for="(course, index) in allCourses" :key="index" class="table-row course-card">
					<div class="course-info">
						<div class="course-table">
							<div class="table-header">
								<div class="th">课程名称</div>
								<div class="th">类型</div>
								<div class="th">收费方式</div>
								<div class="th">收费标准</div>
							</div>
							<div class="table-body">
								<div class="td course-name">
									<div class="dot"></div>
									{{ course.name }}
								</div>
								<div class="td flex">
									<span v-if="course.type==1">一对一</span>
									<span v-else>一对多</span>
								</div>
								<div class="td ">
									<span v-if="course.month && course.month.length > 0">按月</span>
									<span v-if="course.dailyRate && course.dailyRate.length > 0">按天</span>
									<span v-if="course.classHour && course.classHour.length > 0">按课时</span>
									<span v-if="course.quarterlyHarvest && course.quarterlyHarvest.length > 0">按季</span>
									<span v-if="course.forwardHarvest && course.forwardHarvest.length > 0">按期</span>
									<span v-if="course.lessonPackage && course.lessonPackage.length > 0">按课包</span>
									<span v-if="course.experience && course.experience.length > 0">按体验</span>
								</div>
								<div class="td">
									<van-dropdown-menu>
										<van-dropdown-item @open="indexNum = index" @change="changeCharges" v-model="course.chargesVal"
											:options="course.chargesList" />
									</van-dropdown-menu>
								</div>
							</div>
						</div>
					<van-collapse v-model="course.activeNames">
					  <van-collapse-item title="" name="1">
						<div class="course-table">
							<div class="table-header2">
								<div class="th">选择班级</div>
								<div class="th">课程时间</div>
								<div class="th">课程数量</div>
							</div>
							<div class="table-body2">
								<div class="td">
									<van-dropdown-menu>
										<van-dropdown-item size="small" @change="changeClass(course)" @open="baomingClassTime(course.id)"
											v-model="course.classVal" :options="classList" />
									</van-dropdown-menu>
								</div>
								<div class="td">
									<van-field v-model="course.dateVal" @click="showDateOpen(course)" readonly />
									<!-- <van-cell title="选择日期区间" :value="this.dateVal" @click="showDate = true" /> -->

									<!-- 									 <van-dropdown-menu>
									   <van-dropdown-item v-model="course.chargesVal" :options="course.chargesList" />
									 </van-dropdown-menu> -->
								</div>
								<div class="td">
									<van-button plain size="normal"
										@click="showChargesNumPicker(course)">{{course.numberName}}</van-button>
								</div>
							</div>
						</div>
						<div class="course-table">
							<div class="table-header2">
								<div class="th">总计</div>
								<div class="th">小计</div>
								<div class="th"></div>
							</div>
							<div class="table-body2">
								<div class="td">
									{{course.total}}
								</div>
								<div class="td">
									<van-field v-model="course.subtotal" type="number" />
								</div>
								<div class="td">
									<van-button @click="submitClick(course)" type="primary" size="small">提交</van-button>
								</div>
							</div>
						</div>
					  </van-collapse-item>
					</van-collapse>
					</div>
				</div>

			</div>
			<van-popup v-model:show="showChargesPicker" position="bottom" :style="{ height: '30%' }">
				<van-picker :columns="columnsCharges" @confirm="onConfirmNum" @cancel="onCancel" />
			</van-popup>
			<van-calendar v-model:show="showDate" type="range" @confirm="onConfirm" />
		</div>
		</div>



		</div>




		<script>
			// 初始化 Vue 实例
			const app = Vue.createApp({
				data() {
					return {
						searchValue: '',
						loading: true,
						finished: false,
						btnName: 0,
						list: [],
						studentStatus: '',
						schoolId: '',
						refreshing: false,
						show: false,
						showDate: false,
						pageNum: 1,
						OjbList: {},
						searchText: '',
						selectedClass: '三年1班',
						courseTime: '2025.3.4—2025.3.4',
						courseCount: 1,
						subtotal: '',
						allCourses: [],
						clNum: 0,
						agentId: '',
						pageIndex: 1,
						pageSize: 100,
						charges: '请选择收费标准',
						chargesList: [],
						formDataList: {
							chargesName: '请选择收费标准',
							chargesId: '',
							id: '',
							num: 0
						},
						showChargesPicker: false,
						classList: [],
						dateVal: '',
						getDateList: [],
						numberVals: '',
						columnsCharges: [],
						indexNum: 0,
						activeNames: 0

					};
				},
				created: function() {
					this.schoolId = localStorage.getItem('schoolId');
					this.agentId = localStorage.getItem('agentId');
					this.getList()
					this.visibleopen()
					for (let i = 0; i < 100; i++) {
						this.columnsCharges.push({
							text: i,
							value: i
						})
					}
				},
				methods: {
					onAddClick() {
						this.goUrl('addStudent.html')
					},
					goBack() {
						history.back();
					},
					submitClick(item) {
						sessionStorage.setItem("courseList", JSON.stringify(item))
						let getId = sessionStorage.getItem("studentId")
						this.goUrl('student_enrolment.html?studentId=' + getId)
					},
					changeCharges(item) {
						
						this.allCourses[this.indexNum].total = parseFloat(item) * parseFloat(this.allCourses[this.indexNum].numberVals) 
						this.allCourses[this.indexNum].chargesList.forEach((list) => {
							if (list.value == item) {
								this.allCourses[this.indexNum].courseFeeStandard = list.text
							}
						})
						
					},
					changeClass(item) {
						// this.allCourses[this.indexNum].chargesList.forEach((list) => {
						// 	if (list.value == item) {
						// 		this.allCourses[this.indexNum].courseFeeStandard = list.text
						// 	}
						// })
						
					},
					showChargesNumPicker(item) {
						this.getDateList = item
						this.showChargesPicker = true
					},
					onConfirmNum({
						selectedValues,
						selectedOptions
					}) {
						this.allCourses.forEach((item, index) => {
							if (item.id == this.getDateList.id) {
								item.numberVals = selectedOptions[0]?.value;
								item.numberName = selectedOptions[0]?.text;
								this.allCourses[index].total = parseFloat(item.chargesVal) * parseFloat(item.numberVals) 
								this.allCourses[index] = item
								this.showChargesPicker = false
								return
							}
						})
					},
					onCancel() {
						this.showChargesPicker = false
					},
					showDateOpen(item) {
						this.getDateList = item
						this.showDate = true
					},
					// formatDate(date) { `${date.getMonth() + 1}/${date.getDate()}`},
					onConfirm(values) {
						const [start, end] = values;
						this.showDate = false;
						this.dateVal = `${dayjs(start).format('YYYY/MM/DD')} - ${dayjs(end).format('YYYY/MM/DD')}`;
						this.allCourses.forEach((item, index) => {
							if (item.id == this.getDateList.id) {
								item.dateVal = this.dateVal
								this.allCourses[index] = item
								return
							}
						})
					},
					goUrl(url) {
						window.location = url
					},
					onSelect(item) {
						this.show = false
						this.btnName = item.name
					},
					chargesItemClick(item, index) {
						this.formDataList.chargesName = item.name
						this.formDataList.chargesId = item.id
						this.formDataList.id = item.cId
						this.clNum = index
						this.showChargesPicker = false
					},
					//报名班级、时间
					baomingClassTime(id) {
						this.classList = []
						axios.get('/t/classes/allName/' + id + '/' + this.schoolId).then(function(res) {
							this.classList.push({
								text: '请选择班级',
								value: 0
							})
							res.data.forEach((monthItem) => {
								this.classList.push({
									text: monthItem.name,
									value: monthItem.id
								})
							})
						}.bind(this));
						this.mask1 = true
					},
					visibleopen() {
						// console.log(this.input)
						axios.get('/t/course/list/' + this.agentId, {
							params: {
								name: this.searchValue,
								pageNum: this.pageIndex,
								pageSize: this.pageSize
							}
						}).then(function(res) {
							this.allCourses = res.data.list;
							this.allCourses.forEach((items) => {
								let chargesList = []
								items.chargesVal = 0
								items.activeNames = '0'
								items.classVal = 0
								items.numberName = 1
								items.numberVals = 1
								items.total = 0
								chargesList.push({
									text: '请选择收费标准',
									value: 0
								})
								items.month && items.month.forEach((monthItem) => {
									chargesList.push({
										text: monthItem.name + ' ' + monthItem.price +
											'元/月',
										value: monthItem.price
									})
								})
								items.dailyRate && items.dailyRate.forEach((monthItem) => {
									chargesList.push({
										text: monthItem.name + ' ' + monthItem.price +
											'元/天',
										value: monthItem.price
									})
								})
								items.classHour && items.classHour.forEach((monthItem) => {
									chargesList.push({
										text: monthItem.name + ' ' + monthItem.price +
											'元/课时',
										value: monthItem.price
									})
								})
								items.quarterlyHarvest && items.quarterlyHarvest.forEach((monthItem) => {
									chargesList.push({
										text: monthItem.name + ' ' + monthItem.price +
											'元/季',
										value: monthItem.price
									})
								})
								items.forwardHarvest && items.forwardHarvest.forEach((monthItem) => {
									chargesList.push({
										text: monthItem.name + ' ' + monthItem.price +
											'元/期',
										value: monthItem.price
									})
								})
								items.lessonPackage && items.lessonPackage.forEach((monthItem) => {
									chargesList.push({
										text: monthItem.name + ' ' + monthItem.price +
											'元/课包',
										value: monthItem.price
									})
								})
								items.experience && items.experience.forEach((monthItem) => {
									chargesList.push({
										text: monthItem.name + ' ' + monthItem.price +
											'元/体验',
										value: monthItem.price
									})
								})
								items.chargesList = chargesList
							})
							// console.log(this.gridData, 'this.gridData');
							// this.totalPage = res.data.total;
							// console.log(res)
						}.bind(this));
					},
					filterclick(st) {
						this.studentStatus = st;
						this.list = []
						this.pageNum = 1
						// this.finished = false;
						this.getList()
					},
					onToLoad() {
						this.loading = true;
						setTimeout(() => {
							// if (this.refreshing) {
							//   this.list = [];
							//   this.refreshing = false;
							// }
							// this.refreshing = false;
							// for (let i = 0; i < 10; i++) {
							//   this.list.push(this.list.length + 1);
							// }
							this.loading = false;
							this.finished = true;
							// this.pageNum += 1;
							// this.pageNum += 1;

							this.getList()

							// 		if (this.list.length >= 40) {
							// 		  finished.value = true;
							// 		}
						}, 1000);
					},
					onRefresh() {
						this.Loading = true;
						this.finished = false;
						this.pageNum = 1;
						this.list = [];
						this.onToLoad()

					},
					onSearch() {
						this.list = []
						this.refreshing = true
						this.pageNum = 1
						this.visibleopen()
					},
					chargesClick(items, id) {
						this.chargesList = items.chargesList
						this.showChargesPicker = true
					},
					getList() {
						axios.get('/t/getList', {
							params: {
								schoolId: this.schoolId,
								name: this.searchValue,
								studentStatus: this.studentStatus,
								pageNum: this.pageNum,
								pageSize: this.pageSize
							}
						}).then(function(res) {
							this.OjbList = res.data
							res.data.list.forEach(item => {
								this.list.push(item)
							});
							this.loading = false;
							this.finished = true;
							if (this.list.length >= this.OjbList.total) {
								this.finished = true; // 没有更多数据了
							} else {
								this.finished = false;
								this.pageNum++;
							}
							// this.finished = true; // 没有更多数据了
							// console.log('33344', this.list.length, res.data.total)
							// if (this.list.length >= res.data.total) {
							//   this.finished = true; // 没有更多数据了
							// } else {
							//   this.pageNum += 1;
							//   }
						}.bind(this));
					},
					enterShop() {
						vant.Toast("进入店铺");
					},

				},
			});

			app.use(vant);
			app.mount("#app");
		</script>
	</body>
</html>